<template>
	<div>
	    <div :ref="tbSel" style="text-align:left" class="menuEditor">
	      <div v-html="editorContent" class="content"></div>
	    </div>
	</div>
</template>

<script>
import { getToken} from '@/utils/auth';
import E from 'wangeditor';
export default {
  name: 'editor',
  data () {
    return {

    }
  },
  props:['editorContent','prop','tbSel','editAbled'],
  mounted() {
  	let that=this;
  	var editor = new E(this.$refs.editor);
    // 自定义菜单配置
    editor.customConfig.menus = [
    	  'fontSize',  //字体大小
	    // 'fontName',  //字体
        'head',  // 标题
        'bold',  // 粗体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'list',  // 列表
        'justify',  // 对齐方式
        //'quote',  // 引用
        //'emoticon',  // 表情
        'image',  // 插入图片
        'table',  // 表格
        'video',  // 插入视频
        'code',  // 插入代码
        'undo',  // 撤销
        'redo'  // 重复
    ];
	editor.customConfig.fontNames = [
		  '宋体',
		  '微软雅黑',
		  'Arial',
		  'Tahoma',
		  'Verdana',
		'sans-seri'
	]
    //隐藏网络图片

    editor.customConfig.uploadImgShowBase64 = true
  	editor.customConfig.onchange = (currHtml) => {
  	    this.$emit('onchangeEditor',currHtml);
    };
    editor.create();
  }
}
</script>

<style lang="scss" scoped>

</style>
